var plugin = {};
plugin.head = {
    icon: "",
    text: "头部标题",
    html: "<header class=\"dl-header\">" +
        "<span class=\"lft\">返回</span>" +
        "<p contenteditable=\"true\">标题</p>" +
        "</header>"
}



plugin.nav = {
    icon: "",
    text: "按钮导航",
    html: "<div class=\"weui-grids dl-nav\">\n" +
        "  <a class=\"weui-grid js_grid\">\n" +
        "    <div class=\"weui-grid__icon\">\n" +
        "      <img src=\"image/nav-icon-1.png\" alt=\"\">\n" +
        "    </div>\n" +
        "    <p class=\"weui-grid__label\"  contenteditable=\"true\">\n" +
        "      Button\n" +
        "    </p>\n" +
        "  </a>\n" +
        "  <a class=\"weui-grid js_grid\">\n" +
        "    <div class=\"weui-grid__icon\">\n" +
        "      <img src=\"image/nav-icon-2.png\" alt=\"\">\n" +
        "    </div>\n" +
        "    <p class=\"weui-grid__label\"  contenteditable=\"true\">\n" +
        "      List\n" +
        "    </p>\n" +
        "  </a>\n" +
        "  <a class=\"weui-grid js_grid\">\n" +
        "    <div class=\"weui-grid__icon\">\n" +
        "      <img src=\"image/nav-icon-3.png\" alt=\"\">\n" +
        "    </div>\n" +
        "    <p class=\"weui-grid__label\"  contenteditable=\"true\">\n" +
        "      List\n" +
        "    </p>\n" +
        "  </a>\n" +
        "</div>"
}

plugin.title = {
    icon:"",
    text:"模块标题",
    html:"<h4 class='dl-title'>\n" +
    "                        <small>更多&gt;&gt;</small>\n" +
    "                        <strong  contenteditable=\"true\">标题</strong>\n" +
    "                    </h4>",
}

plugin.header = {
    icon: "",
    text: "幕布",
    html: "<header class=\"dl-page-header\">\n" +
    "      <h1 contenteditable='true'>页面标题</h1>\n" +
    "      <p contenteditable='true'>副标题</p>\n" +
    "    </header>"
}

plugin.text_list = {
    icon: "",
    text: "文本列表",
    html: "",
    child: [{
        icon: "",
        text: "简单文本",
        html: "  <div class=\"weui-cell\">" +
            "    <div class=\"weui-cell__bd\">" +
            "      <p contenteditable=\"true\">冬奥会推动北京城市建设正向发展</p>" +
            "    </div>" +
            "  </div>",
    }, {
        icon: "",
        text: "带图标文本",
        html: "  <div class=\"weui-cell\">\n" +
            "    <div class=\"weui-cell__hd\"><img src=\"\" class='editable-img'></div>\n" +
            "    <div class=\"weui-cell__bd\">\n" +
            "      <p contenteditable=\"true\">冬奥会推动...</p>\n" +
            "    </div>\n" +
            "  </div>\n",
    }, {
        icon: "",
        text: "带链接文本",
        html: "" +
            "  <a class=\"weui-cell weui-cell_access\" href=\"javascript:;\">\n" +
            "    <div class=\"weui-cell__bd\">\n" +
            "      <p contenteditable=\"true\">cell standard</p>\n" +
            "    </div>\n" +
            "    <div class=\"weui-cell__ft\">\n" +
            "    </div>\n" +
            "  </a>\n" +
            "",
    }, {
        icon: "",
        text: "多行文本",
        html: "" +
            "  <div class=\"weui-cell\">" +
            "    <div class=\"weui-cell__bd\">" +
            "      <p contenteditable=\"true\">冬奥会推动北京城市建设正向发展</p>" +
            "      <p><small contenteditable=\"true\">副标题</small></p>" +
            "    </div>" +
            "  </div>" +
            "",
    }, {
        icon: "",
        text: "多行有图文本",
        html: "" +
            "  <div class=\"weui-cell\">" +
            "    <div class=\"weui-cell__hd\"><img src=\"\" class='editable-img'></div>\n" +
            "    <div class=\"weui-cell__bd\">" +
            "      <p contenteditable=\"true\">冬奥会推动北京城市...</p>" +
            "      <p><small contenteditable=\"true\">副标题</small></p>" +
            "    </div>" +
            "  </div>" +
            "",
    }]
}

plugin.img_list = {
    icon: "",
    text: "图片列表",
    html: "",
    child: [{
        icon: "",
        text: "简单图片",
        html: "<div class='banner'><img class='editable-img' src=\"image/banner.jpg\" ></img></div>",
    }/*, {
        icon: "",
        text: "轮播图片",
        html: "",
    }*/]
}

plugin.panel = {
    icon: "",
    text: "面板容器",
    html: "<div class='weui-cells droppable '><p class='drop-helper'></p></div>",
}

plugin.form = {
    icon: "",
    text: "表单",
    html: "",
    child: [{
        icon: "",
        text: "文本输入",
        html: " <div class=\"weui-cell\">\n" +
    "    <div class=\"weui-cell__hd\"><label contenteditable=\"true\" class=\"weui-label\">姓名</label></div>\n" +
    "    <div class=\"weui-cell__bd\">\n" +
    "      <input class=\"weui-input\" type=\"text\"  placeholder=\"请输入姓名\">\n" +
    "    </div>\n" +
    "  </div>",
    },{
        icon: "",
        text: "数字输入",
        html: " <div class=\"weui-cell\">\n" +
    "    <div class=\"weui-cell__hd\"><label class=\"weui-label\">姓名</label></div>\n" +
    "    <div class=\"weui-cell__bd\">\n" +
    "      <input class=\"weui-input\" type=\"number\" pattern=\"[0-9]*\" placeholder=\"请输入姓名\">\n" +
    "    </div>\n" +
    "  </div>",
    },{
        icon: "",
        text: "单选",
        html: " <div class=\"weui-cell\">\n" +
    "    <div class=\"weui-cell__hd\"><label class=\"weui-label\">姓名</label></div>\n" +
    "    <div class=\"weui-cell__bd\">\n" +
    "      <input class=\"weui-input\" type=\"text\" id='$ID$' onload=''>\n" +
    "    </div>\n" +
    "  </div>" +
    "<script type='text/javascript'>" +
    "$(\"#$ID$\").select({\n" +
    "  title: \"选择手机\",\n" +
    "  items: [\n" +
    "    {\n" +
    "      title: \"iPhone 3GS\",\n" +
    "      value: \"001\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 5\",\n" +
    "      value: \"002\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 5S\",\n" +
    "      value: \"003\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 6\",\n" +
    "      value: \"004\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 6S\",\n" +
    "      value: \"005\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 6P\",\n" +
    "      value: \"006\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 6SP\",\n" +
    "      value: \"007\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone SE\",\n" +
    "      value: \"008\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 7\",\n" +
    "      value: \"009\"\n" +
    "    }\n" +
    "  ]\n" +
    "});" +
    "</script>",
    },{
        icon: "",
        text: "多选",
        html: " <div class=\"weui-cell\">\n" +
    "    <div class=\"weui-cell__hd\"><label class=\"weui-label\">姓名</label></div>\n" +
    "    <div class=\"weui-cell__bd\">\n" +
    "      <input class=\"weui-input\" type=\"text\" id='$ID$' onload=''>\n" +
    "    </div>\n" +
    "  </div>" +
    "<script type='text/javascript'>" +
    "$(\"#$ID$\").select({\n" +
    "  title: \"选择手机\",\n" +
    "  multi: true,\n" +
    "  items: [\n" +
    "    {\n" +
    "      title: \"iPhone 3GS\",\n" +
    "      value: \"001\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 5\",\n" +
    "      value: \"002\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 5S\",\n" +
    "      value: \"003\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 6\",\n" +
    "      value: \"004\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 6S\",\n" +
    "      value: \"005\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 6P\",\n" +
    "      value: \"006\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 6SP\",\n" +
    "      value: \"007\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone SE\",\n" +
    "      value: \"008\",\n" +
    "    },\n" +
    "    {\n" +
    "      title: \"iPhone 7\",\n" +
    "      value: \"009\"\n" +
    "    }\n" +
    "  ]\n" +
    "});" +
    "</script>",
    },{
        icon:"",
        text:"日期",
        html: " <div class=\"weui-cell\">\n" +
    "    <div class=\"weui-cell__hd\"><label contenteditable=\"true\" class=\"weui-label\">日期</label></div>\n" +
    "    <div class=\"weui-cell__bd\">\n" +
    "      <input id='$ID$' class=\"weui-input\" type=\"text\">\n" +
    "    </div>\n" +
    "  </div>\n" +
    "<script type='text/javascript'>$(\"#$ID$\").calendar();</script>",
    },{
        icon:"",
        text:"时间",
        html: " <div class=\"weui-cell\">\n" +
    "    <div class=\"weui-cell__hd\"><label contenteditable=\"true\" class=\"weui-label\">时间</label></div>\n" +
    "    <div class=\"weui-cell__bd\">\n" +
    "      <input id='$ID$' class=\"weui-input\" type=\"text\">\n" +
    "    </div>\n" +
    "  </div>\n" +
    "<script type='text/javascript'>$(\"#$ID$\").datetimePicker();</script>",
    },{
        icon:"",
        text:"按钮",
        html: "<div class=\"weui-btn-area\">\n" +
    "      <a class=\"weui-btn weui-btn_primary\" href=\"javascript:\" contenteditable=\"true\" >确定</a>\n" +
    "    </div>",
    }]
}
plugin.footer = {
    icon: "",
    text: "底部版权",
    html: "<div class=\"weui-footer\">\n" +
    "  <p contenteditable=\"true\" class=\"weui-footer__text\">Copyright © 2008-2016 weui.io</p>\n" +
    "</div>"
}

plugin.footer_nav={
    icon:"",
    text:"底部导航",
    html:"<footer class=\"ft-nav\">\n" +
    "                        <a>\n" +
    "                            <img src=\"image/nav-icon-1.png\"/>\n" +
    "                            <span contenteditable=\"true\" class=\"text\">首页</span>\n" +
    "                        </a>\n" +
    "                        \n" +
    "                        <a>\n" +
    "                            <img src=\"image/nav-icon-2.png\"/>\n" +
    "                            <span contenteditable=\"true\" class=\"text\">个人中心</span>\n" +
    "                        </a>\n" +
    "                        \n" +
    "                        <a>\n" +
    "                            <img src=\"image/nav-icon-3.png\"/>\n" +
    "                            <span contenteditable=\"true\" class=\"text\">历史记录</span>\n" +
    "                        </a>\n" +
    "                        \n" +
    "                        <a>\n" +
    "                            <img src=\"image/nav-icon-4.png\"/>\n" +
    "                            <span contenteditable=\"true\" class=\"text\">投诉建议</span>\n" +
    "                        </a>\n" +
    "                    </footer>"
}

plugin.success = {
    icon: "",
    text: "消息页面",
    html:"<div class=\"weui-msg\">\n" +
    "  <div class=\"weui-msg__icon-area\"><i class=\"weui-icon-success weui-icon_msg\"></i></div>\n" +
    "  <div class=\"weui-msg__text-area\">\n" +
    "    <h2 class=\"weui-msg__title\">操作成功</h2>\n" +
    "    <p class=\"weui-msg__desc\">内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现<a href=\"javascript:void(0);\">文字链接</a></p>\n" +
    "  </div>\n" +
    "  <div class=\"weui-msg__opr-area\">\n" +
    "    <p class=\"weui-btn-area\">\n" +
    "      <a href=\"javascript:;\" class=\"weui-btn weui-btn_primary\">推荐操作</a>\n" +
    "      <a href=\"javascript:;\" class=\"weui-btn weui-btn_default\">辅助操作</a>\n" +
    "    </p>\n" +
    "  </div>\n" +
    "  <div class=\"weui-msg__extra-area\">\n" +
    "    <div class=\"weui-footer\">\n" +
    "      <p class=\"weui-footer__links\">\n" +
    "        <a href=\"javascript:void(0);\" class=\"weui-footer__link\">底部链接文本</a>\n" +
    "      </p>\n" +
    "      <p class=\"weui-footer__text\">Copyright © 2008-2016 weui.io</p>\n" +
    "    </div>\n" +
    "  </div>\n" +
    "</div>"
}
